<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Restaurant</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
        <link rel="stylesheet" href="css/Application.css" />
        <link rel="stylesheet" href="css/jqm.slidemenu.css" />
        <link rel="stylesheet" href="css/responsive.css" />
        <script src="lib/jquery-1.7.1.js"></script>
        <script src="lib/jqm-config.js"></script>
        <script src="lib/jquery.mobile-1.2.0-alpha.1.min.js"></script>
        <script src="lib/underscore-min.js"></script>
    	<script src="lib/backbone.js"></script>
        <script src="lib/jqm.slidemenu.js"></script>
        <!-- Load Main Application -->
        <script src="src/app.js"></script>
        <script src="src/utils.js"></script>
        <script src="src/session.js"></script>
        <!-- Load Routers -->
		<script src="src/reserves/router/reservesRouter.js"></script>
        <!-- Load Controllers -->
		<script src="src/reserves/controller/reserveCreate.js"></script>
		<script src="src/reserves/controller/reserveDetail.js"></script>
		<script src="src/reserves/controller/reserveUpdate.js"></script>
		<script src="src/reserves/controller/reserveList.js"></script>
		<script src="src/reserves/controller/storeDetail.js"></script>
		<script src="src/reserves/controller/storeList.js"></script>
		<!-- Load Models -->
		<script src="src/reserves/model/store.js"></script>
		<script src="src/reserves/model/reserve.js"></script>
		<!-- Load Collections -->
		<script src="src/reserves/collection/storeCollection.js"></script>
		<script src="src/reserves/collection/reserveCollection.js"></script>
        <!-- Load Delegates -->
    </head>
    <body>
    	<div id="slidemenu">
			<h3>Menu</h3>
			<ul>
				<li><a href="#home" data-icon="grid">Home</a></li>
				<li><a href="#reserves" data-icon="check">Reserves</a></li>
				<li><a href="#stores" data-icon="check">Stores</a></li>
				
			</ul>
		</div>		
		<div data-role="page" id ="home">			
			<div data-role="header" data-position="fixed" data-tap-toggle="false">
				<a data-slidemenu="#slidemenu" data-slideopen="false" data-icon="smico" data-corners="false" data-iconpos="notext">Menu</a>
				<h1>Restaurant</h1>
			</div>		
			<div data-role="content">
				
			</div>
		</div>
	</body>    
</html>
